<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关键词</title>
    <script src="/static/js/jquery.min.js"></script>
    <link href="/static/css/alert.css" rel="stylesheet">
    <link href="/static/css/css.css" rel="stylesheet">
    <script>
        var g = 0;
        var price_ratio = parseFloat('{$user.price_ratio}');
        var rule = JSON.parse('{$user.rule|default="[]"}'.replace(/\&quot\;/g,'\"'));
        var mk = {$mk};
        var discount = parseFloat('{$user_message.discount|default="1"}');
        console.log(price_ratio);
    </script>
    {eq name="is_order" value="1"}
    <script>
        var intervalId = setInterval(getcount, 15000);
        getcount();
        function getcount(){
            $.ajax({
                url:'/index/order/total',
                type: 'post', // 请求类型，可以是 'GET' 或 'POST'  
                dataType: 'json', // 预期服务器返回的数据类型  
                data:{},
                success: function(res) { 
                    if (res.data.nop > 0){
                        let nops = document.getElementById('nops');
                        nops.style = 'display:block';
                        nops.innerText = res.data.nop;
                    }
                }
            });
        }
    </script>
    {/eq}
    <style>
        #keywords-data tr td label{
            display: block;
            width: 100%;
            height: 100%;
        }
        #keywords-data tr td{
            max-width: 280px;
        }
        .content-div{
            display: flex;
            align-items: self-start;
            justify-self: start;
        }
        .div-left{
            width: 180px;
            text-indent: 2em;
        }
        .address-list div{
            height: 30px;
        }
        .address-list div label{
            width: 65px;
            display: inline-block;
            height: 30px;
            line-height: 30px;
        }

        .keywordslist{
            min-width: 300px;
            max-width: 500px;
        }

        .keywordslist label{
            margin: 2px 5px;
            color: #030303;
            border-bottom: 1px solid #666;
            display: block;
            height: 30px;
            line-height: 30px;
        }

        .user-list{
            padding:30px 0px;
            background-color: #fff;
        }
        .user-list table{
            border-spacing: 0;  
            border-collapse: collapse;
        }
        .user-list table tr th{
            background-color: rgba(119, 171, 230, 1);
            color: #fff;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            border: 1px solid #eee;
        }
        .user-list table tr td{
            min-width: 100px;
            border: 1px solid #eee;
        }
        .user-list table tr td a{
            background-color: #eee;
            padding:5px 10px;
        }
        .keywords-list-message{
            position: absolute;
            top:15%;
            left:50%;
            margin-left: -300px;
            width: 600px;
            background-color: #fff;
            border: 1px solid #030303;
            min-height: 200px;
            z-index: 1001;
        }
        .keywords-list-message .keywords-list-message-title{
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #030303;
            font-size: 20px;
        }
        .keywords-list-message .keywords-list-message-body{
            width: 90%;
            padding:10px 5%;
        }
        .keywords-list-message .keywords-list-message-body div{
            display: inline-block;
            width: 160px;
            padding:10px;
            text-align: center;
        }
        .keywords-list-message .keywords-list-message-body div a{
            color: #666;
            font-weight: bold;
            text-decoration: dashed;
        }
        
        .keywords-list-message .keywords-list-message-body div span{
            color:#fff;
            font-size: 12px;
            background-color:red;
            /* padding:0px 5px; */
        }
        .weishengqing{
            position: absolute;
            top:470px;
            left:140px;
            width: 30px;
            height: 30px;
            background-color: red;
            line-height: 30px;
            font-size: 22px;
            font-weight: bold;
            color: #fff;
            text-align: center;
            border-radius: 50%;
            display: none;
        }
        .yuanyuan{
            display: none;
            width: 35px;
            height: 35px;
            position: absolute;
            top:330px;
            left:140px;
            line-height: 35px;
            text-align: center;
            color:#fff;
            background-color: red;
            border-radius: 50%;
        }
        {eq name="mk" value="1"}
        .messqqq{
            display: none;
        }
        {/eq}
    </style>
</head>
<body>
    <div id="save_mydata">
        <label for="new_psw">
            <span>公司名称:</span>
            <input type="text" placeholder="公司名称" id="my_corporate_name" value="{$user_message.corporate_name}">
        </label>
        <label for="new_psw2">
            <span>昵称:</span><input type="text" placeholder="昵称" id="my_nickname" value="{$user_message.nickname}">
        </label>
        <label for="mobile">
            <span>联系方式:</span><input type="text" id="my_mobile" value="{$user_message.mobile}">
        </label>
        <a href="javascript:set_mydata();">确认</a>
        <a href="javascript:hiddenmsg();">取消</a>
    </div>
    <div id="save_password">
        <label for="new_psw">
            <input type="password" placeholder="新密码" id="new_psw">
        </label>
        <label for="new_psw2">
            <input type="password" placeholder="确认新密码" id="new_psw2">
        </label>
        <a href="javascript:set_password();">确认</a>
        <a href="javascript:hiddenmsg();">取消</a>
    </div>
    <div id="user-create-message" class="user-message-div" style="display: none;">
        <div class="user-message-title">
            <span>子账号创建</span>
            <a href="javascript:;" onclick="hiddenmsg()">X</a>
        </div>
        <div class="user-message-content">
            <ul class="message-ul">
                <li>
                    <span>账号:</span>
                    <label for="username"><input type="text" id="username"></label>
                </li>
                <li>
                    <span>昵称:</span>
                    <label for="nickname"><input type="text" id="nickname"></label>
                </li>
                <li>                    
                    <span>密码:</span>
                    <label for="password"><input type="password" id="password"></label>
                </li>
                <li>
                    <span>确认密码:</span>
                    <label for="pwd"><input type="password" id="pwd"></label>
                </li>
                <li>
                    <span>价格系数:</span>
                    <label for="price_radio"><input type="number" id="price_radio" value="1"></label>
                </li>
                <li>
                    <span>子账号权限:</span>
                    <label><input type="radio" value="1" name="user-son-type" checked>开放</label>
                    <label><input type="radio" value="2" name="user-son-type">关闭</label>
                </li>
                <li>
                    <a href="javascript:user_create_data();">
                        确认
                    </a>
                    <a href="javascript:hiddenmsg();">
                        取消
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="ocpc-div" class="ocpc-div" style="display: none;">
        <div class="ocpc-div-title">
            <span>禁售行业规则</span>
            <a href="javascript:;" onclick="hiddenmsg()">X</a>
        </div>
        <div class="ocpc-div-content">
            <p>
                OCPC是一种广告竞价方式，全称为On-Click Programmatic Conversion，即“按点击计费的自动化转化广告购买模式”。和传统的CPC（按点击计费）和CPA（按转化计费）广告购买模式不同，OCPC结合了两者的优势，通过广告投放数据和算法，实现对具有转化潜力的流量进行自动化的出价和优化，以实现更高的广告投放效果和ROI。</li>
            </p>
        </div>
    </div>
    <div id="message-div" class="message-div" style="display: none;">
        <div class="message-title">
            <span>禁售行业规则</span>
            <a href="javascript:;" onclick="hiddenmsg()">X</a>
        </div>
        <div class="message-content">
            <ul>
                <li>1、教育培训行业（如：出国留学、人才引进、教育培训、情感咨询等）；</li>
                <li>2、搬家行业行业（如：物流、搬家、快递）；</li>
                <li>3、律师行业行业（如：法律、司法鉴定）；</li>
                <li>4、古董鉴定，拍卖行业（如：拍卖，古董鉴赏）；</li>
                <li>5、医疗医药行业（如：代孕、药品、保健品、医疗器械、化妆品、医疗、医院、体检等）；</li>
                <li>6、游戏行业（如：聊天交友、直播平台、网络游戏、APP下载、视频直播、娱乐等）；</li>
                <li>7、食品行业（如：粮油、蔬果、坚果、肉类、蛋、水产、速食、调味品、茶等饮品、传统滋补品、其他营养品等）；</li>
                <li>8、涉及电商售卖商品行业；</li>
                <li>9、资质代办行业（如：签证、留学、代开发票、注册公司，公司代办等）;</li>
                <li>10、APP推广行业（如：禁止投放所有涉及 App 推广、软件推广、下载等宣传物料）；</li>
                <li>11、大宗品行业（如：原油期货）；</li>
                <li>12、招商加盟行业（如：创业加盟，涉嫌加盟，及投放网站不能出现招商加盟字样及栏目、网络公司（尤其是页面涉及优化，seo，万词霸屏，快速排名此类字眼的））；</li>
                <li>13、养生行业（如：养生馆加盟，药膳养生，中医养生，经络调理）；</li>
                <li>14、公积金类行业（如：公积金代办，公积金提取）；</li>
                <li>15、金融行业（如：银行业、保险业、信托业、证券类、外汇、公正、认证机构、银行、贷款、融资类、彩票类、招标类、纪念币销售）；</li>
                <li>16、学术代写行业（如：论文代写等）；</li>
                <li>17、品牌词（如：有品牌保护的）；</li>
                <li>18、非法行业（如：黄赌毒等涉及违法的，注：包含会所按摩、风水、迷信、证照印刷、刻章、纹身等服务）；</li>
                <li>19、黑社会性质行业（如：私家侦探、婚姻侦探行业、讨债、追债等）；</li>
                <li>20、汽车行业（如：汽车配件，二手车、报废车回收、汽车租赁）；</li>
                <li>21、房地产行业（如：房产中介、房地产、房屋监理、担保类、典当行）；</li>
                <li>22、涉及宗教及政治相关行业；</li>
                <li>23、国家执法部门有关行业（如：财税、警用产品、开锁等）；</li>
            </ul>
        </div>
    </div>
    <div class="dropdown-content" id="user-option-list">  
        <a href="javascript:show_save_mydata();">修改资料</a>
        <a href="javascript:show_save_password();">修改密码</a>
    </div>
    <div class="keywords-list-message" id="keywords-list-message" style="display: none;">
        <div class="keywords-list-message-title">
            相关关键词
        </div>
        <div class="keywords-list-message-body" id="lm-body">
            
        </div>
    </div>
    <div class="top">
        <span>一飞传媒</span>
        <a href="/index/out">退出</a>
        <a href="javascript:showuserlist();">当前用户:<b>{$user.username}</b>&#9660;</a>
        <a href="javascript:;">余额:{$user.amount}</a>
    </div>
    <div class="yuanyuan" id="nops">
    </div>
    <div class="content">
        <div class="left">
            <ul id="left-nav">
                <li><a href="/index/index">关键词价格查询</a></li>
                <li><a href="javascript:google_keyword();">谷歌关键词</a></li>
                <!-- <li><a href="javascript:keywords_history_search();">关键词长尾词查询</a></li> -->
                <li><a href="javascript:keywords_setmenu();">关键词套餐</a></li>
                <li><a href="javascript:my_keywords();">已购关键词</a></li>
                <!-- <li><a href="javascript:;">抖音关键词</a></li> -->
                <!-- <li><a href="javascript:;">活动</a></li> -->
                <li><a href="javascript:finance_list();">财务管理</a></li>
                <li><a href="javascript:order_list();">订单查询</a></li>
                <!-- <li><a href="javascript:;">关键词热度</a></li> -->
                <li><a href="javascript:custom_list();">客户管理系统</a></li>
                <!-- <li><a href="javascript:product_list();">产品套餐</a></li> -->
                <!-- <li><a href="javascript:amount_info();">余额管理</a></li> -->
                {eq name="user.is_son" value="1"}
                    <li><a href="javascript:user_list();">子账号管理</a></li>
                {/eq}
                
            </ul>
        </div>
        <iframe src="/index/order/list" class="main" id="content" frameborder="0"></iframe>
        <div class="main" id="keywords_div">
            <div class="search-keyword">
                <div class="main-div">
                    <label for="keywords" class="text-left">
                        关键词:
                    </label>
                    <input type="text" id="keywords" name="keywords" placeholder="多个关键词用逗号隔开" value="{$keyword|default=''}">
                </div>    
                <div class="content-div messqqq">
                    <div class="div-left">
                        推广区域:
                    </div>
                    <div class="div-right address-list">
                        <div>
                            <label for="全国" onclick="set_price('selectedAll')">
                                <input type="checkbox" id="全国" name="area" checked>全国
                            </label>
                        </div>
                        <div>
                            华北:
                            <label for="天津" onclick="set_price()">
                                <input type="checkbox" value="天津" id="天津" name="area">天津
                            </label>
                            <label for="河北" onclick="set_price()">
                                <input type="checkbox" value="河北" id="河北" name="area">河北
                            </label>
                            <label for="山西" onclick="set_price()">
                                <input type="checkbox" value="山西" id="山西" name="area">山西
                            </label>
                            <label for="内蒙古" onclick="set_price()">
                                <input type="checkbox" value="内蒙古" id="内蒙古" name="area">内蒙古
                            </label>
                        </div>
                        <div>华东:
                            <label for="上海" onclick="set_price()">
                                <input type="checkbox" id="上海" value="上海" name="area">上海
                            </label>
                            <label for="浙江" onclick="set_price()">
                                <input type="checkbox" id="浙江" value="浙江" name="area">浙江
                            </label>
                            <label for="山东" onclick="set_price()">
                                <input type="checkbox" id="山东" value="山东" name="area">山东
                            </label>
                            <label for="江苏" onclick="set_price()">
                                <input type="checkbox" id="江苏" value="江苏" name="area">江苏
                            </label>
                            <label for="安徽" onclick="set_price()">
                                <input type="checkbox" id="安徽" value="安徽" name="area">安徽
                            </label>
                            <label for="福建" onclick="set_price()">
                                <input type="checkbox" id="福建" value="福建" name="area">福建
                            </label>
                            <label for="江西" onclick="set_price()">
                                <input type="checkbox" id="江西" value="江西" name="area">江西
                            </label>
                        </div>
                        <div>
                            华中:
                                <label for="河南" onclick="set_price()">
                                    <input type="checkbox" id="河南" value="河南" name="area">河南
                                </label>
                                <label for="湖北" onclick="set_price()">
                                    <input type="checkbox" id="湖北" value="湖北" name="area">湖北
                                </label>
                                <label for="湖南" onclick="set_price()">
                                    <input type="checkbox" id="湖南" value="湖南" name="area">湖南
                                </label>
                        </div>
                        <div>
                            华南:
                                <label for="广东" onclick="set_price()">
                                    <input type="checkbox" id="广东" value="广东" name="area">广东
                                </label>
                                <label for="广西" onclick="set_price()">
                                    <input type="checkbox" id="广西" value="广西" name="area">广西
                                </label>
                                <label for="海南" onclick="set_price()">
                                    <input type="checkbox" id="海南" value="海南" name="area">海南
                                </label>
                        </div>
                        <div>
                            西南:
                                <label for="重庆" onclick="set_price()">
                                    <input type="checkbox" id="重庆" value="重庆" name="area">重庆
                                </label>
                                <label for="四川" onclick="set_price()">
                                    <input type="checkbox" id="四川" value="四川" name="area">四川
                                </label>
                                <label for="贵州" onclick="set_price()">
                                    <input type="checkbox" id="贵州" value="贵州" name="area">贵州
                                </label>
                                <label for="云南" onclick="set_price()">
                                    <input type="checkbox" id="云南" value="云南" name="area">云南
                                </label>
                                <label for="西藏" onclick="set_price()">
                                    <input type="checkbox" id="西藏" value="西藏" name="area">西藏
                                </label>
                        </div>
                        <div>
                            西北:
                                <label for="陕西" onclick="set_price()">
                                    <input type="checkbox" id="陕西" value="陕西" name="area">陕西
                                </label>
                                <label for="甘肃" onclick="set_price()">
                                    <input type="checkbox" id="甘肃" value="甘肃" name="area">甘肃
                                </label>
                                <label for="青海" onclick="set_price()">
                                    <input type="checkbox" id="青海" value="青海" name="area">青海
                                </label>
                                <label for="宁夏" onclick="set_price()">
                                    <input type="checkbox" id="宁夏" value="宁夏" name="area">宁夏
                                </label>
                                <label for="新疆" onclick="set_price()">
                                    <input type="checkbox" id="新疆" value="新疆" name="area">新疆
                                </label>
                        </div>
                        <div>
                            东北:
                                <label for="辽宁" onclick="set_price()">
                                    <input type="checkbox" id="辽宁" value="辽宁" name="area">辽宁
                                </label>
                                <label for="吉林" onclick="set_price()">
                                    <input type="checkbox" id="吉林" value="吉林" name="area">吉林
                                </label>
                                <label for="黑龙江" onclick="set_price()">
                                    <input type="checkbox" id="黑龙江" value="黑龙江" name="area">黑龙江
                                </label>
                        </div>
                    </div>
                </div>
                <div class="main-div mingxian">
                    <label for="keyword_area1" class="text-left">
                        平台类型:
                    </label>
                    <label for="keyword_area1" class="input-radio" onclick="keyword_area_selected('baidu')">
                        <input type="checkbox" id="keyword_area1" name="keyword_area" value="baidu" checked> 
                        百度
                    </label>
                    <label for="keyword_area2" class="input-radio" onclick="keyword_area_selected('douying')">
                        <input type="checkbox" id="keyword_area2" name="keyword_area" value="douying">
                        抖音
                    </label>
                </div>
                <div class="main-div messqqq">
                    <label class="text-left">
                        投放时间
                    </label>
                    <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                    <label for="word_day1" class="input-radio" onclick="set_price()">
                        <input type="radio" value="全年" id="word_day1" name="word_day" checked>全年
                    </label>
                    <label for="word_day2" class="input-radio" onclick="set_price()">
                        <input type="radio" value="半年" id="word_day2" name="word_day">半年
                    </label>
                </div>
                <div class="main-div messqqq">
                    <label class="text-left">
                        投放时长
                    </label>
                    <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                    <label for="word_hover1" class="input-radio" onclick="set_price()">
                        <input type="radio" id="word_hover1" name="word_hover" value="8:00-20:00" checked> 
                        8:00-20:00
                    </label>
                    <label for="word_hover2" class="input-radio" onclick="set_price()">
                        <input type="radio" id="word_hover2" name="word_hover" value="24小时">
                        24小时
                    </label>
                    <!--<label for="word_hover2" class="input-radio">-->
                        <!--<input type="radio" id="word_hover2" name="word_hover" value="全天24个小时" checked>-->
                        <!--全天24个小时-->
                    <!--</label>-->
                    <!-- <label for="word_hover3" class="input-radio">
                        <input type="radio" id="word_hover3" name="word_hover" value="24">
                        24个小时
                    </label> -->
                </div>
                <div class="main-div messqqq">
                    <label class="text-left">展示形式</label>
                    <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                    <label for="word_type1" class="input-checkbox">
                        <input type="checkbox" id="word_type1" name="word_type" value="图文" checked>
                        图文      
                    </label>
                    <label for="word_type2" class="input-checkbox">
                        <input type="checkbox" id="word_type2" name="word_type" value="视频" checked>
                        视频
                    </label>
                    <!-- <label for="word_type1" class="input-checkbox">
                        <input type="checkbox" id="word_type1" name="word_type" value="文字" checked>
                        文字      
                    </label>
                    <label for="word_type2" class="input-checkbox">
                        <input type="checkbox" id="word_type2" name="word_type" value="图片" checked>
                        图片      
                    </label>
                    <label for="word_type3" class="input-checkbox">
                        <input type="checkbox" id="word_type3" name="word_type" value="闪投" checked>
                        闪投      
                    </label>
                    <label for="word_type4" class="input-checkbox">
                        <input type="checkbox" id="word_type4" name="word_type" value="视频" checked>
                        视频      
                    </label> -->
                </div>
                <div class="main-div" id="mes">
                    <label class="text-left">
                        价格类型(仅涉及百度)
                    </label>
                    <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                    <label for="price_type1" class="input-radio" onclick="set_price()">
                        <input type="radio" id="price_type1" name="price_type" value="normal" checked> 
                        普通
                    </label>
                    <label for="price_type2" class="input-radio" onclick="set_price(1)">
                        <input type="radio" id="price_type2" name="price_type" value="ocpc">
                        OCPC
                    </label>
                </div>
                <div class="main-div" id="keyword_type">
                    <label class="text-left">
                        投放类型(仅涉及百度)
                    </label>
                    <!-- <span class="input-checkbox">功能开发中。。。。。。</span> -->
                    <label for="keyword_type1" class="input-radio" onclick="set_price()" id="keyword_type1_lable">
                        <input type="radio" id="keyword_type1" name="keyword_type" value="1" checked> 
                        全端(PC+手机)
                    </label>
                    <label for="keyword_type2" class="input-radio" onclick="set_price()" id="keyword_type2_lable">
                        <input type="radio" id="keyword_type2" name="keyword_type" value="2">
                        PC端
                    </label>
                    <label for="keyword_type3" class="input-radio" onclick="set_price()">
                        <input type="radio" id="keyword_type3" name="keyword_type" value="3">
                        手机端
                    </label>
                </div>
                {neq name="mk" value="1"}
                <!-- <div class="content-div">
                    <div class="div-left">
                        相关关键词:
                    </div>
                    <div class="div-right keywordslist" id="keywords_list">
                        
                    </div>
                </div> -->
                {/neq}
                <div class="main-button">
                    <button onclick="keywords()">查询报价</button>
                    <button onclick="showmsg()">禁售行业查询</button>
                </div>
            </div>
            <div class="keyword-list">
                <table>
                    <thead>
                        <tr>
                            <th><label for="all" onclick="selectsall()"><input type="checkbox" id="all"></label></th>
                            <th>关键词</th>
                            <th>价格</th>
                            <!-- <th style="color: red" onclick="show_ocpc_info()">(OCPC价格)</th> -->
                            <th>投放区域</th>
                            <th>投放时间</th>
                            <th>每日时长</th>
                            <th>展现形式</th>
                            {eq name="is_message" value="1"}
                            <th>关键数据</th>
                            {/eq}
                            <!-- <th>相关词</th> -->
                            <th>关键词状态</th>
                        </tr>
                    </thead>
                    <tbody id="keywords-data"></tbody>
                    <tfoot>
                        <td colspan="4">
                            <div class="total-amount">
                                <span>
                                    总价:
                                    <b id="keywords-amount">

                                    </b>
                                    {neq name="user_message.discount" value="1"}
                                    <!-- X 用户折扣:{$user_message.discount} = <b id="keywords-discount-amount">0</b> -->
                                    {/neq}
                                </span>
                                <!-- <span style="color: red;" onclick="show_ocpc_info()">OCPC总价:<b id="keywords-ocpc-amount"></b></span> -->
                            </div>
                            <p>提示：多个关键词搜索时间稍长，请耐心等待，刷过三分钟请刷新重查。</p>
                            <p>设计禁售行业和部分服务行业，即使有报价也可能无法投放，需向渠道核实。</p>
                        </td>
                        <td colspan="3" class="a-option">
                            <a href="javascript:;" onclick="del_keywords_list()">删除</a>
                            <a href="javascript:;" onclick="order_create()">加入订单</a>
                            <a href="javascript:;" onclick="getXlsx()">导出</a>
                        </td>
                    </tfoot>
                </table>
            </div>
        </div>
        <div class="main" id="user-list">
            <div class="search-keyword" id="search-keyword">
                <div class="search-div">
                    <label for="user-username" class="text-left">账号:</label>
                    <input type="text" id="user-username" placeholder="账号">
                </div>    
                <div class="search-div">
                    <label for="user-status" class="text-left">状态:</label>
                    <select id="user-status">
                        <option value="0">全部</option>
                        <option value="1">启动</option>
                        <option value="2">禁用</option>
                    </select>
                </div>
                <div class="search-div">
                    <a href="javascript:;" onclick="user_search()">搜索</a>
                    <a href="javascript:;" onclick="user_create()">创建账号</a>
                </div>
            </div>
            <div class="user-list keyword-list">
                <table>
                    <thead>
                        <tr>
                            <th>账号编号</th>
                            <th>账号</th>
                            <th>账号名称</th>
                            <th>余额</th>
                            <th>子账号权限</th>
                            <!-- <th>价格系数</th> -->
                            <th>账号状态</th>
                            <th>账号管理</th>
                        </tr>
                    </thead>
                    <tbody id="user-list-data">
    
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="8">
                                <!-- <button onclick="">确认</button> -->
                                <div class="page">
                                    <a href="javascript:user_page({},1);"><div class="triangle-left"></div>
                                    </a>
                                    <span id="user-page"></span>
                                    <span>/</span>
                                    <span id="user-total"></span>
                                    <a href="javascript:user_page({},2);"><div class="triangle-right"></div>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    <div class="weishengqing" id="weishengqing">9</div>
</body>
<script>
    var left_nav = document.getElementById('left-nav');
    console.log(rule);
    rule.forEach(item => {
        switch(item){
            case 'web':
            left_nav.innerHTML += '<li><a href="javascript:web_manage();">网站管理</a></li>';
            left_nav.innerHTML += '<li><a href="javascript:web_list();">网站推广监控</a></li>';
            left_nav.innerHTML += ' <li><a href="javascript:deepseek();">deepseek</a></li>';
            break;
            case 'users':  
            // 在 3 秒后开始任务
            setTimeout(startTask, 3000);
            left_nav.innerHTML += '<li><a href="javascript:users_list();">用户管理</a></li>';
            break;
            case 'history':
            left_nav.innerHTML += '<li><a href="javascript:keyword_user_list();">关键词查询历史</a></li>';
            break;
            case 'project':
            left_nav.innerHTML += '<li><a href="javascript:project();">项目管理列表</a></li>';
            break;
            case 'BaiduKeywordsSpotting':
            left_nav.innerHTML += '<li><a href="javascript:abds();">百度关键词监听</a></li>';
            break;
            case 'DouyinKeywordsSpotting':
            left_nav.innerHTML += '<li><a href="javascript:adys();">抖音关键词监听</a></li>';
            break;
        }
    });
    function startTask() {
        console.log("Task started after delay");
        // 每隔 2 秒执行一次 task 函数
        const intervalId = setInterval(() => {
            $.ajax({
                url:'/index/users/count',
                type: 'post', // 请求类型，可以是 'GET' 或 'POST'  
                data:{},
                dataType: 'json', // 预期服务器返回的数据类型  
                success: function(res) {
                    if(res.code == 200){
                        console.log(res.data.shengqi > 0);
                        if(res.data.shengqi > 0){
                            document.getElementById('weishengqing').style = 'display:block';
                            document.getElementById('weishengqing').innerText = res.data.shengqi;
                        }else{
                            document.getElementById('weishengqing').style = 'display:none';
                        }
                    }
                }
            });
        }, 15000);
        // 5 秒后停止 task 函数
        // setTimeout(() => {
        //     clearInterval(intervalId);
        //     console.log("Task stopped");
        // }, 5000);
    }
    
    function show_save_mydata(){

    }

</script>
<script src="/static/js/base.js"></script>
</html>